<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="JQuery/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap-dropdown.js"></script>

<html>
<head>

<title>凯盛项目管理系统</title>
<style type="text/css">
body {
	margin-left: auto;
	margin-right: auto;
	background-image: url("img/twitter.jpg");
	background-position: 0px 40px;
	background-attachment: fixed;
}

.container01 {
	width: 900px;
	height: 768px;
	margin-top: 40px;
	margin-left: 200px;
	margin-right: 120px;
	position: absolute;
	overflow: hidden; //
	background-color: #C5B38A; //
	opacity: 0.5;
	background-color: rgba(197, 179, 138, 0.5);
}

.nav {
	margin-right: 50px;
}

.left {
	width: 150px;
	height: 800px;
	margin-left: 35px;
	margin-top: 50px;
	border-radius: 5px;
	position: relative;
	background-color: white;
	float: left;
	display: inline;
}

.right {
	height: 718px;
	width: 660px;
	margin-left: 20px;
	margin-top: 50px;
	position: relative;
	border-radius: 5px;
	//background-color: #F9F9F9;
	background-color:rgba(255,255,255,0.7);
	float: left;
}

#brand {
	font-weight: bold;
	font-family: 楷体;
	font-size: 29px;
}

.left .nav {
	font-weight: bold;
	font-family: 楷体;
	font-size: 20px;
}

.left li a {
	width: 130px;
	height: 30px;
	margin-left: 10px;
	margin-top: 20px;
	border-radius: 4px; //
	background-color: rgba(242, 244, 10, 0.9);
	background-color: #0059CC;
	text-align: center;
	line-height: 24px;
	font-size: 20px;
	font-family: 楷体;
	color: white;
}

.left li a:hover {
	background-color: yellow;
}

.left li #active {
	margin-top: 10px;
}

.container01 .right .info {
	width: 580px;
	height: 200px;
	border: 1px dimgray solid;
	border-radius: 3px;
	margin-left: 40px;
	margin-top:10px;
}

.container01 .right .info .info-title {
	width: 570px;
	height: 30px;
	border-bottom: 1px dimgray solid;
}

#info-form {
	border: none;
	height: 150px;
}

.container01 .right .infolist {
	width: 580px;
	height: 250px;
	border: 1px dimgray solid;
	border-radius: 3px;
	margin-left: 40px;
	margin-top: 30px;
}

.container01 .right .infolist .infolist-title {
	width: 580px;
	height: 24px;
	border-bottom: 1px dimgray solid;
}
</style>

</head>

<body>
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" id="brand" href="#">凯盛项目管理系统</a>
				<div class="nav-collapse" id="nav">
						<a href="#" class="btn btn-small btn-primary" style="font-size:14px;color:white;margin-left:460px;line-height:14px;"><i class="icon-user icon-white"  style="margin-top:3px;font-size:36px;"></i>&nbsp;成员管理</a>
					<ul class="nav pull-right">
						<li id="fat-menu" class="dropdown"><a class="dropdown-toggle"
							data-toggle="dropdown" href="#" style="font-size:16px;"><i class="icon-cog icon-white" style="margin-top:3px;font-size:36px;"></i> ${employee.empName}<b
								class="caret"></b> </a>
							<ul class="dropdown-menu">
								<li><a data-toggle="modal" href="#myModal-0"><i class="icon-pencil icon-blue"></i>修改密码</a></li>
							<li><a href="exit.jspx"><i class="icon-off icon-blue"></i>安全退出</a></li>
							</ul></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="container01">
		<div class="left">
			<ul class="nav">
			
				<li class="active"><a id="active" href="project.jspx?m=index&projectId=${projectId }"><i
						class="icon-play-circle icon-white"></i> 最新动态</a></li>
				<li class="li"><a href="target.jspx?projectId=${projectId}&m=queryTarget"><i
						class="icon-home icon-white"></i> 目标列表</a></li>
				<li class="li"><a href="task.jspx?projectId=${projectId}&m=queryTask" ><i class="icon-flag icon-white"></i> 我的任务</a>
			</li>
				<li class="li"><a href="#"><i class="icon-book icon-white"></i>
						文件共享</a>
				<!-- 上传 --></li>
				<li class="li"><a href="#"><i class="icon-user icon-white"></i>联系人管理</a>
				<!-- 联系人后面写注释 --></li>
				<li class="li"><a href="#"><i
						class="icon-asterisk icon-white"></i> Bug 功能</a></li>
				<li class="li"><a href="#"><i
						class="icon-envelope icon-white"></i> 资 料 库</a>
				<!-- 通知内部人士消息 --></li>
				<li class="li"><a href="#"><i class="icon-leaf icon-white"></i>创意灵感</a>
				</li>
				<li class="li"><a href="project.jspx?m=editProject&projectId=${projectId }"><i
						class="icon-pencil icon-white"></i> 项目编辑</a></li>
				<li class="li"><a href="main.jspx"><i
						class="icon-arrow-left icon-white"></i>返回主页面</a></li>
			</ul>

		</div>
		<div class="right">
			<span style="font-size:22px;color:black;line-height:24px;">最新动态</span>
			<div class="info">
				<div class="info-title" style="font-size:14px;color:black;padding-left:10px;padding-top:5px;">你想说些什么？</div>
				<div class="textarea">
					<textarea name="" style="width:500px;height:100px;margin-left:50px;margin-top:5px;"></textarea><br/><br/>
					<button class="btn btn-primary" style="margin-left:50px;"> 发布</button>
				</div>
			</div>
			<div class="infolist">
				<div class="infolist-title" style="font-size:14px;color:black;">信息流</div>
				<div class="infolist-content">
					<iframe src="WebRoot/WEB-INF/views/MsgRecord.jsp" width="580px" height="220px" frameborder=0 scrolling="auto">
						<form action="message.jspx" method="post">
							
						</form>
						</iframe>
				</div>
			</div>
		</div>

	</div>
</body>

</html>
